<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>智慧军营-车辆</title>
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="../css/common.css">
  <!--[if lt IE 9]>
  <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
  <![endif]-->
  <script src="../js/adaptive.js"></script>
  <script src="../js/echarts/4.2.1/echarts.js"></script>
  <!--    <script src="js/echarts/echarts.simple.min.js"></script>-->
</head>
<body>
<div class="top-area">
  <h3 class="title xxxl-font primary-color">智慧军营</h3>
  <span class="time s-font time-color">2019-07-24 09:20:36</span>
  <span class="exit s-font exit-color">退出</span>
</div>
<div class="chart-area">
  <div class="middle">
    <div class="vehicle-in-camp" id="vehicleInCamp"></div>
    <div class="category-in-camp" id="categoryInCamp"></div>
    <div class="vehicle-status center-text">
      <h5 class="vehicle-total-num l-font normal-text white-color">车辆总数1500</h5>
      <div class="vehicle-status-table">
        <table class="s-font white-color center-text">
          <thead class="thead-color">
            <tr>
              <th class="normal-text">车辆分类</th>
              <th class="normal-text">名称</th>
              <th class="normal-text">总数</th>
              <th class="normal-text">在营车辆</th>
              <th class="normal-text">可调用</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>指挥车</td>
              <td>装甲侦察车</td>
              <td>300</td>
              <td>206</td>
              <td>203</td>
            </tr>
            <tr>
              <td>指挥车</td>
              <td>装甲侦察车</td>
              <td>300</td>
              <td>206</td>
              <td>203</td>
            </tr>
            <tr>
              <td>指挥车</td>
              <td>装甲侦察车</td>
              <td>300</td>
              <td>206</td>
              <td>203</td>
            </tr>
            <tr>
              <td>指挥车</td>
              <td>装甲侦察车</td>
              <td>300</td>
              <td>206</td>
              <td>203</td>
            </tr>
            <tr>
              <td>指挥车</td>
              <td>装甲侦察车</td>
              <td>300</td>
              <td>206</td>
              <td>203</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div class="left">
    <div class="soldier">
      <h5 class="soldier-title l-font normal-text white-color">当日新兵训练车辆使用情况</h5>
      <div class="soldier-chart" id="soldier"></div>
    </div>
    <div class="vehicle-trends">
      <h5 class="vehicle-trends-title l-font normal-text white-color">当日车辆进出动向</h5>
      <div class="vehicle-trends-chart" id="vehicleTrends"></div>
    </div>
    <div class="vehicle-access-time">
      <h5 class="vehicle-access-time-title l-font normal-text white-color">分时段车辆进出情况</h5>
      <div class="vehicle-access-time-chart" id="vehicleAccessTime"></div>
    </div>
  </div>
  <div class="entry-exit-status right">
    <h5 class="entry-exit-status-title l-font normal-text white-color">车辆进出动态</h5>
    <div class="entry-exit-status-chart">
      <table class="l-font white-color center-text">
        <thead class="thead-color">
        <tr>
          <th class="normal-text">车牌</th>
          <th class="normal-text">进出营</th>
          <th class="normal-text">时间</th>
        </tr>
        </thead>
        <tbody class="gray-color">
        <tr>
          <td>军A32541</td>
          <td>进</td>
          <td>09：01：48</td>
        </tr>
        <tr>
          <td>军A32541</td>
          <td>进</td>
          <td>09：01：48</td>
        </tr>
        <tr>
          <td>军A32541</td>
          <td>进</td>
          <td>09：01：48</td>
        </tr>
        <tr>
          <td>军A32541</td>
          <td>进</td>
          <td>09：01：48</td>
        </tr>
        <tr>
          <td>军A32541</td>
          <td>进</td>
          <td>09：01：48</td>
        </tr>
        <tr>
          <td>军A32541</td>
          <td>进</td>
          <td>09：01：48</td>
        </tr>
        <tr>
          <td>军A32541</td>
          <td>进</td>
          <td>09：01：48</td>
        </tr>
        <tr>
          <td>军A32541</td>
          <td>进</td>
          <td>09：01：48</td>
        </tr>
        <tr>
          <td>军A32541</td>
          <td>进</td>
          <td>09：01：48</td>
        </tr>
        <tr>
          <td>军A32541</td>
          <td>进</td>
          <td>09：01：48</td>
        </tr>
        <tr>
          <td>军A32541</td>
          <td>进</td>
          <td>09：01：48</td>
        </tr>
        <tr>
          <td>军A32541</td>
          <td>进</td>
          <td>09：01：48</td>
        </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>
<script src="../js/jquery/jquery-3.5.1.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>
